<template>
  <div>
    商品分类：
    <el-select v-model="ShopTypeInfos" multiple placeholder="请选择商品分类">
      <el-option
        v-for="item in AllshopTypeInfos"
        :key="item.id"
        :label="item.name"
        :value="item.id"
        :disabled="item.disabled">
      </el-option>
    </el-select>
  </div>
</template>

<script>
    export default {
        name: "goods_category",
        data(){
          return {
            AllshopTypeInfos: [],
            ShopTypeInfos: []
          }
        },
        methods:{
          getAllshopTypeInfos(ShopTypeInfos){
            //检查父组件是否传来数据
            if(ShopTypeInfos!=undefined){
              //传来展示数据，存入展示数据内
              this.ShopTypeInfos=ShopTypeInfos;
            }
            //调用异步，查询所有未被删除的商品分类
            this.$axios.get("shopType/shopType.action",null).
            then((response)=> {   //异步调用成功执行
              //将展示数据设置为锁定项
              response.data.forEach(item=>{
                this.ShopTypeInfos.forEach(item2=>{
                  if(item.id==item2){
                    item["disabled"]=true;
                  }
                });
              });
              this.AllshopTypeInfos=response.data;
              console.log(this.AllshopTypeInfos);
            }).catch(function (error) {//异步调用失败执行
              alert(error);
            });
          }
        }
    }
</script>

<style scoped>

</style>
